<!DOCTYPE html>
<html class="x-admin-sm">

<head>
	<meta charset="UTF-8">
	<title>电子学会比赛管理系统</title>
	<meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi"/>
	<link rel="stylesheet" href="./css/font.css">
	<link rel="stylesheet" href="./css/common.css">
	<link rel="stylesheet" href="./css/xadmin.css">
	<script type="text/javascript" src="./js/abkj/match/api/banner.js"></script>
	<script type="text/javascript" src="./js/abkj/fun_tool.js"></script>
	<script type="text/javascript" src="./js/abkj/slAjax.js"></script>
	<script src="./lib/layui/layui.js" charset="utf-8"></script>
	<script type="text/javascript" src="./js/xadmin.js"></script>
</head>

<body>
<div class="x-nav">
	<span class="layui-breadcrumb">
			<a href="">首页</a>
			<a><cite>网站配置</cite></a>
			<a><cite>轮播图</cite></a>
	</span>
	<a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right" onclick="location.reload()" title="刷新">
		<i class="layui-icon layui-icon-refresh" style="line-height:30px"></i>
	</a>
</div>
<div class="layui-fluid">
	<div class="layui-row layui-col-space15">
		<div class="layui-col-md12">
			<div class="layui-card" id="content" v-cloak>
				<div class="layui-card-header">
					<!--<button class="layui-btn layui-btn-danger" onclick="delAll()">-->
					<!--<i class="layui-icon"></i>批量删除-->
					<!--</button>-->
					<button class="layui-btn" onclick="xadmin.open('添加图片','addPictures.html',400,300)">
						<i class="layui-icon"></i>添加
					</button>
				</div>
				<div class="layui-card-body">
					<table class="layui-table layui-form" id="table">
						<span>共计{{total}}条数据</span>
					</table>
				</div>
			</div>
		</div>
	</div>
</div>
</body>
<script src="./js/vue.js"></script>
<script src="./js/jquery.min.js"></script>
<script type="text/html" id="operating">
<a href="javascript:;" class="layui-table-link" onclick=app.removeBanner('{{JSON.stringify(d)}}')>删除</a>
</script>
<script>
var app = new Vue({
	el: '#content',
	data: {
		total: 0,
		list: [],
		aaa: 123,
		status: ['审核', '待审核', '通过', '不通过'],
		participate: ['审核', '参赛', '弃权'],
		cols: [ //表头
			{field: 'index', title: '序号'},
			{field: 'imgurl', title: '文件名'},
			{field: 'createTime', title: '上传时间'},
			{field: 'operating', title: '操作', width: 135, templet: '#operating'}
		]
	},
	methods: {
		opentab: function (name, url) {
			//单击事件
			console.log(name)
			console.log(url)
			xadmin.add_tab(name, url)
		},
		getData() {
			this.loadBannerList()
			this.init()
		},
		removeBanner: function (data) {

			data = JSON.parse(data)
			console.log(data)
			layer.confirm('确认删除吗？', function () {
				BannerdelObj(data.id,function(data){
					layer.msg('删除成功!', {icon: 1})
					location.reload()
				}, function () {
					layer.msg('删除失败!', {icon: 5})
				})

			})
		},
		loadBannerList: function () {
			var queryData = {
				page: {
					current: 1, //当前页数
					size: 9999   //每页长度
				},
				cond: { //条件
					eq: { // 多条件对象
					}
				}
			}
			BannerPageList(queryData, function (data) {
				app.list = []
				app.total = data.total
				var retList = data.records
				for (var i = 0; i < retList.length; ++i) {
					var itemBanner = {}
					itemBanner.index = i + (data.current - 1) * data.size
					itemBanner.id = retList[i].id
					itemBanner.imgurl = retList[i].imgurl
					itemBanner.createTime = retList[i].createTime
					app.list.push(itemBanner)
				}
			}, function (status, message) {
				alert(message)
			})
		},
		init: function () {
			var that = this
			layui.use(['laypage', 'table'], function () {
				// var laypage = layui.laypage;
				// //执行一个laypage实例
				// laypage.render({
				// 	elem: 'test1' //注意，这里的 test1 是 ID，不用加 # 号
				// 	,count: 16 //数据总数，从服务端得到
				// });
				var table = layui.table
				//头工具栏事件
				table.render({
					elem: '#table',
					url: '',
					title: '用户数据表',
					cols: [that.cols],
					count: app.total,
					data: that.list
				})
			})
		}
	}
})
window.onload = function () {
	app.getData()
}
</script>
<script>

$(function () {

	layui.use(['form', 'table'], function () {
		var form = layui.form
		// layer.msg('玩命卖萌中', function(){
		//   //关闭后的操作
		//   });
		//监听提交
		form.on('submit(sreach)', function (data) {
			console.log(data)
			// layer.msg(JSON.stringify(data.field), function () {
			// location.href = 'index.html'
			// })
			return false
		})

	})
})
</script>

</html>
